import React, { useState } from 'react'
/*Hook是React 16.8 的新增特性。
它可以让你在不编写class的情况下(在函数式组件)使用 state 以及其他的 React 特性。。
*/
/*React 16.8.0 是第一个支持 Hook 的版本。
升级时，请注意更新所有的 package，包括 React DOM。 React Native 从 0.59 版本开始支持 Hook。*/

function Index() {
  // 不支持状态
  // 初始值是一个数组: [状态,改变状态的方法]
  // 通过结构获取状态和方法
  const [name, setName] = useState("我是 State Hook")
  const demo = useState(10)
  const [age, setAge] = demo
  // console.log(demo)//[100, ƒ]
  return (
    <div>
      useState
      -
      <p>{name}</p>
      -
      <p>{age}</p>
      -
      <p>{age > 18 ? '先生或女士' : '小朋友'}</p>
      <button onClick={() => {
        setName('被修改了')
        setAge(age + 1)
      }}>click</button>
    </div>
  )
}
export default Index
